<template>
  <div class="tool-bar-lf">
    <CollapseIcon id="collapseIcon" v-if="menuList && menuList.length > 0" />
    <Menu />
  </div>
</template>

<script setup lang="ts">
import CollapseIcon from "./components/CollapseIcon.vue";
import { getShowMenuList } from "@/utils";
import { computed } from "vue";
import { useMenuStore } from "@/stores/modules/menu";
const menuStore = useMenuStore();
const menuList = computed(() => getShowMenuList(menuStore.subMenuList));
</script>

<style scoped lang="scss">
.tool-bar-lf {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  white-space: nowrap;
}
</style>
